草庐IT

前端 PM

全部标签

node 使用 pm2 日志管理及使用 pm2-logrotate 进行日志分割

目录1.需求背景 2.什么是pm2-logrotate?3.查看pm2自带的日志管理4.安装 pm2-logrotate5. 查看配置指令 6. pm2-logrotate具体配置说明7. 如何设置这些值? 8. 停止pm2-logrotate 服务9.补充:pm2常用命令1.需求背景         pm2日志文件默认存放位置在(Linux: /root/.pm2/logs)(Windows:C:\Users\Administrator\.pm2\logs) 中,它默认有两个文件文件,一个错误记录xxx-errot.log,一个正常记录xxx-out.log;随着时间的拉长,文件会慢慢变大,

Vue 功能实现之①、一键复制 ②、ctrl+s保存等键盘监听事件 ③、每三个数字字符加一个逗号④、前端过滤集合

标题1.一键复制2.Ctrl+s保存等键盘监听事件3.每三个数字字符加一个逗号4.前端集合搜索5.插入数据至光标处1.一键复制本地测试是没有问题的,但更新到服务器的时候,却不生效navigator.clipboard.writeText(val).then(()=>{this.$Message.success('复制成功')})经查找资料发现是浏览器禁用了非安全域的navigator.clipboard对象。安全域包括本地访问与开启TLS安全认证的地址,如https协议的地址、127.0.0.1或localhost。所以要解决这个bug就是要做一个兼容写法,在安全域下使用navigator.c

前端之vue3使用WebSocket

vue3使用WebSocketWebSocketWebSocket说明WebSocket图示客户端使用WebSocketvue3中,客户端使用WebSocket步骤更多方法WebSocketWebSocket说明WebSocket是全双工网络通信通信协议,实现了客户端和服务器的平等对话,任何一方都可以主动发送数据。并且在第一次建立后,就一直保持连接。WebSocket图示客户端使用WebSocketvue3中,客户端使用WebSocket步骤setup(props){//1.建立链接--携带cookie参数varws=newWebSocket(`ws://localhost:9000/judg

前端启动出现报错,提示vue-cli-service serve的解决办法

前端启动出现报错,提示vue-cli-serviceserve的解决办法在命令行中使用命令npmrundev运行从网上下载的一个vue项目时出现了以下报错:原因(1):原因是因为node_modules文件的缺失npminstall再次执行npmrundev启动成功原因(2):电脑本地的旧的环境变量有问题,之前电脑上有一些JAVA的环境,现在没有了在环境变量的Path中添加C:\Windows\System32然后重启,删除node_modoules,重新执行npmi

从技能需求到就业前景,了解前端和后端开发的优缺点和个人选择

文章目录每日一句正能量一、引言前端开发后端开发二、两者的对比分析三、技能转换和跨领域工作四:介绍全栈开发后记每日一句正能量命运决定的不是你的人生,能决定你人生的只有自己。一、引言前端和后端是Web开发中两个不可或缺的领域。前端开发主要负责网页的界面设计和交互行为,利用HTML、CSS和JavaScript等技术,将网页的外观和功能实现。而后端开发则主要负责网站的后台逻辑和数据处理部分,利用服务器端语言如PHP、Java和Python等编写代码,然后与数据库交互,为网站提供服务。个人认为,前端和后端各有优劣势,需要根据个人兴趣和职业规划做出选择。前端开发前端开发的优势在于其直观性和用户体验。前端

【前端】html2canvas生成图片空白排查data:;(js vue react uniapp)

【前端】html2canvas生成图片空白排查data:;因为要做一个分享图,就用到了html2canvas,一开始是好好的,今天随便测了下,发现图片显示不出来了。打印了下,生成的图片链接变成了data:;。后面一步一步地排查,发现是页面内容太多了,删减一点内容就能显示出来。然后我又去认真看了下html2canvas的各个参数,发现可以通过调整scale来改善。总结如下:图片跨域可以先检查下所选dom中的图片是否跨域,如果跨域了,可增加设置useCORS:true。如图:内容过多可以检查下所选dom内容是否过多,超出一定范围了会导致base64图片编码生成失败。为了保险起见,可以将html2c

【前端领域】3D旋转超美相册(HTML+CSS)

世界上总有一半人不理解另一半人的快乐。——《爱玛》目录一、前言二、本期作品介绍  3D旋转相册三、效果展示四、详细介绍 五、编码实现index.htmlstyle.css img 六、获取源码公众号获取源码 获取源码?私信?关注?点赞?收藏?一、前言        新的一年,我们是是否需要一个新的相册呢?答案:是的。       2023年,已经过去了一个半月的时间,我们已经在2023年,经历了大大小小很多的事情,不知道那些事情值得你记忆呢?你是否还记得呢?    今天,为大家推荐的是一款好看的3D旋转相册,用来记录2023年的美好时刻,一个不算新颖但很有创意的作品,记录美好生活,设计相册效果

wasm + ffmpeg实现前端截取视频帧功能

有没有那么一种可能,在前端页面处理音视频?例如用户选择一个视频,然后支持他设置视频的任意一帧作为封面,就不用把整一个视频上传到后端处理了。经过笔者的一番摸索,基本实现了这个功能,一个完整的demo:ffmpegwasm截取视频帧功能:支持mp4/mov/mkv/avi等文件。基本的思想是这样的:使用一个fileinput让用户选择一个视频文件,然后读取为ArrayBuffer,传给ffmpeg.wasm处理,处理完之后,输出rgb数据画到canvas上或者是转成base64当做img标签的src属性就形成图片了。(Canvas可以直接把videodom当作drawImage的对象进而得到视频帧

前端Vue中常用rules校验规则(轮子)如电话身份证邮箱等校验

目录前言一、正则是什么?二、造轮子三、轮子使用实例总结前言例如:随着前端的发展,很多功能都需要在前端填写时就先校验是否填写正确,则博主写了一些校验轮子供大家使用。一、正则是什么?正则表达式(regularexpression)是一个描述字符规则的对象。可以用来检查一个字符串是否含有某个子字符串,将匹配的子字符串做替换或者从某个字符串中取出符合某个条件的子串等。为什么要用正则:前端往往有大量的表单数据校验工作,采用正则表达式会使得数据校验的工作量大大减轻。常用效果:邮箱、手机号、身份证号等 二、造轮子1.电话号码/手机号/身份证/邮箱校验/***@description判断是否是手机号*@par

前端接口联调时传的参数是array数组形式处理

情景:使用van-uolaoder组件上传多个图片后调用保存按钮,这时由于存在多张图片,调用接口时前端传的参数就是数组形式。(前端传的数组要先转为字符串)处理方法是:1.先确定后端使用什么注解,如果是@requestBody注解,则请求体内容类型一般要为application/json(字符串格式)或multipart/form-data。如果用@requestParam注解,则为 Content-Type为application/x-www-form-urlencoded编码的内容,Content-Type默认为该属性,默认必须要传该参数名对应的参数,否则会报错。补充:(1)get请求参数是